
{% extends "home/base.html" %}

{% block head %}
	<style type='text/css'>
		div.title-group { margin-top: 10px; margin-bottom: 0px; margin-right: 30px; float: left }
		div.title { font-size: 16pt; font-family: arial; margin-bottom: 7px }
		div.subtitle { font-size: 12pt; line-height: 200%; font-style: italic }
		div.subtitle > a { color: inherit }
		div.subtitle > a:hover { text-decoration: underline }
		div.column { width: 49%; float: left; }
		div.column > div { padding: 0px 20px 0px 0px; overflow: hidden; margin-bottom: 20px }
		
	</style>
	{% include "myauth-vk-header.html" with domain=domain app_id=vk_id window_title="Войти через vk.com" %}
{% endblock %}

{% block container %}

	{% include "myauth-fb.html" with domain=domain app_id=fb_id %}

	<div class='column'>
		<div>
			На этом ресурсе Вы можете обсудить с друзьями любую недоступную женщину, какую только пожелаете. 
		</div>
		<div>
			Станьте смотрителем энциклопедии недоступных женщин, приведите этот ресурс в порядок.
		</div>
		<div>			
				<a style="cursor: pointer" onclick="loginVk()" href="http://oauth.vk.com/authorize?client_id={{vk_id}}&amp;redirect_uri=http://{{domain}}/myauth/vk&amp;response_type=code&amp;display=popup">
					<img style="display: block" src="/static/img/vk.png">
				</a>
				<a style="cursor: pointer" onclick="loginFb()">
					<img style="display: block" src="/static/img/fb.png">
				</a>
		</div>
	</div>
	
	<div style='width: 2%; float: left; height: 2000px; overflow: hidden; background-image: url("/static/img/col-splitter.png"); background-repeat:repeat-y;'></div>

	<div class='column'>
		<div>
			<div class='title-group'>
				<div class='title'>
					По карьере
				</div>
				<div>
					{% for cc in career_choices %}
						<div class='subtitle'>
							<a href='/viewer/#career={{cc.0}}'>{{cc.1}}</a>
						</div>
					{% endfor %}
				</div>						
			</div>
			<div class='title-group'>
				<div class='title'>
					По фигуре
				</div>
				<div>
					{% for fc in figure_types_choices %}
						<div class='subtitle'>
							<a href='/viewer/#figure_type={{fc.0}}'>{{fc.1}}</a>
						</div>
					{% endfor %}
				</div>						
			</div>
			
			<div class='title-group'>
				<div class='title'>
					По возрасту
				</div>
				<div>
					<div class='subtitle'>
						<a href='/viewer/#max_age=25'>До 25 лет</a>
					</div>
					<div class='subtitle'>
						<a href='/viewer/#min_age=25&max_age=30'>25 &mdash; 30 лет</a>
					</div>
					<div class='subtitle'>
						<a href='/viewer/#min_age=30&max_age=40'>30 &mdash; 40 лет</a>
					</div>
					<div class='subtitle'>
						<a href='/viewer/#min_age=40&max_age=50'>40 &mdash; 50 лет</a>
					</div>
					<div class='subtitle'>
						<a href='/viewer/#min_age=50'>От 50 лет</a>
					</div>
				</div>						
			</div>
		</div>
		<div>
			Ещё один.
		</div>
	
	</div>
	{% endblock %}